<template>
  <a-collapse>
    <a-collapse-panel key="1" header="高级搜索属性说明">
      <ISeniorSearchDoc></ISeniorSearchDoc>
    </a-collapse-panel>
    <a-collapse-panel key="full"  header="高级搜索条件组件示例">
      <a-tabs :animated="false">
        <a-tab-pane key="full" tab="完整示例">
          <Full></Full>
        </a-tab-pane>
        <a-tab-pane key="NoSenior" tab="不带高级搜索">
          <NoSenior></NoSenior>
        </a-tab-pane>
        <a-tab-pane key="formatDataList" tab="附加整合代码">
          <FormatDataList></FormatDataList>
        </a-tab-pane>
      </a-tabs>
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'
import ISeniorSearchDoc from './ISeniorSearchDoc.vue'
import Full from './commponents/Full.vue'
import NoSenior from './commponents/NoSenior.vue'
import FormatDataList from './commponents/FormatDataList.vue'
export default defineComponent({
    name: 'i_from_demo',
    setup () {
        return {}
    },
    methods: {},
    components: {
        ISeniorSearchDoc,
        Full,
        NoSenior,
        FormatDataList
    }
})
</script>

<style lang="scss" scoped>
.cus_template {
  display: flex;
}
</style>
